/*RESET ELEMENT*/
* { padding: 0; margin: 0; outline: 0; }
ul{list-style-type: none}
a{color: #45c7ee;text-decoration: none;}
a:hover{text-decoration: underline;}
a img { border: 0; }

/*WIDTH AND BACGROUND WRAPER*/
body, html { height: 100%; }
body {
    background: url(images/bg.png) repeat;
	font-family: "Arial", Tahoma, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
#wraper{
    background: url(images/paper-bg.gif) repeat-y center 0;
}
#main { margin-bottom: 6px; }

/*GLOBAL SETTING*/
.inline{display: inline-block;*display:inline;zoom:1;}

/*INPUT AND BUTTON*/
input, textarea, select { font-family: "verdana", Tahoma, Sans-Serif;font-size:12px;padding: 2px;}
/*input[type="text"],input[type="password"], select{width:172px;}*/
select,option,input[type="button"],input[type="submit"]{cursor: pointer;}

input[type="text"] { border:1px solid #CECECE; color: #969696; height: 15px; }
input[type="text"]:focus { color: #333; }
input.button { padding: 4px 5px;}


/*TITLE STYLE*/
h2 { font-size: 19px; line-height: 1; font-weight: normal; color: #464646; font-family: "Times New Roman", Tahoma, Sans-Serif; margin-bottom: 5px; }
h3 {font-size:16px; line-height: 1;font-weight: normal;color: #464646; font-family: "Times New Roman", Tahoma, Sans-Serif; margin-bottom: 5px;}

p { padding-bottom: 18px; }


.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }


#page { width: 874px; margin: 0 auto; }
#page { padding: 0 28px; min-height: 100%; height: auto !important; height: 100%; }

#top { padding: 20px 0 16px; }

#logo { float: left; display: inline; width: 270px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 67px; text-indent: -4000px; background: url(images/logo.png) no-repeat; }

#search { float: right; display: inline; padding-top: 18px; width: 227px; }
#search .field-holder { float: left; display: inline; width: 196px; background: url(images/search-field.gif) no-repeat 0 0; padding: 1px; }
#search .field { width: 186px; border: 0; background: none; }
#search .button { float: right; display: inline; width: 25px; height: 25px; font-size: 0; line-height: 0; text-indent: -4000px; }
#search .button { background: url(images/search-button.gif) no-repeat 0 0; border: 0; }

#mainmenu{float:left;width:854px;padding: 0px 10px;height: 38px; background:#9acd32;  margin-top: 16px; border-radius: 5px;}

#header { padding-bottom: 10px; }

/*SLIDER STYLE*/
#slider-holder { height: 350px; }
#slider-holder #shadow_slider{margin: 0;padding: 0;height: 50px;background: url("images/bk_shadow_slider.png") no-repeat center 0;}
#slider { height: 327px; background: url(images/slider.gif) no-repeat 0 0; position: relative; }

.button-more { display: block; width: 66px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-more.gif) no-repeat 0 0; }
.more { padding-left: 10px; background: url(images/arr.gif) no-repeat 0 center; }

.cols { padding: 15px 0 10px; }
.cols .col { float: left; display: inline; }
.cols .col-last { margin-right: 0 !important; }
.cols .col h3.notext { height: 45px; margin-bottom: 5px; }
    .three-cols .col { width: 264px; margin-right: 41px; }
    .two-cols .col { width: 420px; margin-right: 34px; }

    .col .wrapcol{border: solid #CCC 1px;padding: 10px; height: 150px;}
    .col h2{margin-bottom: -2px;}

    .col-first .wrapcol{margin-top:-1px; clear: left;}

    .col img{
        border: 0px;
        margin: 5px 10px;
    }

    /*Tab menu*/
    .col ul#choose{
        position: relative;
        z-index: 100;
        overflow: hidden;
        font-family: "Times New Roman";
        font-size: 14px;
    }

    .col ul#choose li{
        color: gray;
        display: inline-block;
        *display:inline;
        zoom:1;
        border:1px solid #CCC;
        border-bottom: 0px;
        padding: 0px 3px;
        background-color: #f8f8ff;
        cursor: pointer;

    }
    .col ul#choose li.selected{
        color: black;
        border-bottom-color: white;
        background-color: #ffffff;
    }


    /*SEARCH FORM STYLE*/
    .col form#searhpro{
        width:390px;
        margin:auto;
        margin-top:30px;
    }

    .col form label{display: inline-block;width:150px;text-align:center;}
    .col form input#pro_name{
        width:215px;
        height:15px;
        padding:5px;
    }

    .col form input#btnsearch{
        border:0px;
        background: url(images/btntim.png);
        width:90px;height: 30px;
        cursor:pointer;
        margin-top:10px;
        margin-left:125px;
    }
    .col form input#btnsearch:active{
        background: url(images/btntim1.png);
    }




/*CUSTOME STYLE*/
div#promote{
    padding: 10px 0px;;
    height: 180px;
    width:100%;
    border:1px solid #CCC;
    border-radius: 10px;
    vertical-align: middle;
    position: relative;
}
div#promote #khuyenmai{
    position: absolute;
    background: url("../images/khuyenmai.png") no-repeat;
    top: -3px;
    left: -3px;
    width:100px;
    height: 100px;
}
#promote div#foo{margin:auto;}
#promote div#foo div{
    float: left;
    /*3 sp de 290px, 4sp de 215px*/
    width:217px;
    text-align: center;
}
#promote div#foo div a{
    text-decoration: none;
    color: rgba(57, 57, 57, 0.89);
    font-weight: bold;
}

/*PRODUCT HOT*/
div#product_hot{
    margin:20px 0px;
    width:100%;
    min-height: 400px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding-bottom: 10px;
}
div#product_hot h2{margin:5px 5px;color: #2D9B34;}
#product_hot.row-first{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

div.shadow_title{
    background: url('../images/shadow_title.png') repeat-x;
    height: 22px;
}
div#product_wrap{position: relative;margin: auto;width:868px;}
div#product_hot div.product{
width:215px;
height: 190px;
float: left;
text-align: center;
vertical-align: middle;
    }

#product_hot .row-first{
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
    }
#product_hot .row-first.col-last{
border-right:1px dotted white;
    }
#product_hot .row-last{
border-right:1px dotted #ccc;
    }
#product_hot .row-last.col-last{
border-right:1px dotted white;
    }

#footer{
position: relative;
padding: 5px 10px;
background: #ffffff url("images/bg-footer.gif") repeat-x;
    }
div.shadow_footer{
    background: url('images/bg-shadow.gif') repeat-x;
    height: 22px;
}

#footer .col-footer{
    vertical-align: top;
    text-align: left;
    width:210px;
    /*border:1px solid #ccc;*/
    display: inline-block;
    *display:inline;
    zoom: 1;
    }
#footer .col-footer a{color:#4A4C4D;}

div#footer-info{
margin:10px 0px;
font-family: verdana;
font-size: 10px;
text-align: center;
}
#footer-info a{color: #EE7B45;}
span.raquo{font-weight: bold;color:#EE7B45}

/*CATEGORIES PAGE*/
#left{
    float:left;
    width:642px;
    border-right: 1px dotted #ccc;
    padding-right: 10px;

}
#right{
    float:left;
    width:200px;
    padding-left: 10px;
    padding-top:5px;
}

#lk_breadcrumb{
    line-height: 25px;
}
#lk_breadcrumb a{color: #808080;font-weight: bold;}

#lk_searching{
    padding:10px;
    background: #E7E8CC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:5px 0px 10px;
}
#lk_searching .col1{
    float: left;
    width:311px;
    background: url("images/find.png") top left no-repeat;
}
#lk_searching .col1 form{
    margin-left:15px;
    margin-bottom: 15px;
}
#lk_searching .col1 form label{display: inline-block;*display:inline;zoom:1;margin-top:10px;}

.rule{width:100%;border-top:1px dotted #ccc;display: block;height: 2px;
    margin: 5px 0;
}


#lk_content ul.col{float: left;width:195px;margin-left:7px;margin-right: 7px;}
#lk_content ul.col a{color: #575757;}
#lk_content ul.col a:hover{text-decoration:none;color: #00B3EE;font-weight: bold;}
#lk_content .prolist{margin:10px 0px;padding:5px 5px;
    border:1px solid #ccc;
    border-radius: 5px;
}

#right #lk_support{padding-left: 20px;padding-top:35px;background:url("images/bg_support.png") top center no-repeat; }
#right #news{margin-top:10px;padding-left: 20px;padding-top:35px;background:url("images/bg_tintuc.png") top center no-repeat; }
#right #news li{background:transparent url(images/arrow-right.gif) no-repeat;padding-left: 10px;margin-bottom:5px;}
#right #news li a{color: #3f3f3f;}
#right #news li a:hover{text-decoration:none;color: #4FCF68;}
#right #news li.last{background: none;text-align: right;}
#right #news li.last a{color: #45C7EE;}
#right #news li.last a:hover{color: #3987ee;}

#right #lk_promote{margin-top:10px;padding-left: 20px;padding-top:35px;background:url("images/bg_khuyenmai.png") top center no-repeat; }
#right #lk_promote .title{text-transform: uppercase;}
#right #lk_promote img{margin:0px 5px 2px 0px;}
#right #lk_promote li{margin-bottom:10px;}
#right #lk_promote li.last{text-align:right;}
#right #lk_promote li.last a:hover{color: #3987ee;text-decoration: none;}
#right #lk_promote .oldprice{font-weight: bold;text-decoration: line-through;}
#right #lk_promote .newprice{font-weight: bold;color:red;}

#frmbyproduct{float: left;}
#frmbyproduct #btntim{width:90px;heigth:30px;border:0;background: transparent url("images/btntim.png") top center no-repeat;margin-left: 85px;margin-top:4px;}
#frmbyproduct #btntim:active{background: transparent url("images/btntim1.png") top center no-repeat;}


/*LIST PRODUCT PAGE*/

.btnbutton{
    padding: 2px;
    font-weight: bold;
    color:white;
    background: #60CA60;
    border-top:2px solid #A0FF98;
    border-left:2px solid #A0FF98;
    border-right:2px solid #305E39;
    border-bottom:2px solid #305E39;
    text-transform: uppercase;
}
.btnbutton:active{
    font-weight: bold;
    color: #f8f8f8;
    font-size: 11.5px;
    background: #60CA60;
    border-top:2px solid #305E39;
    border-left:2px solid #305E39;
    border-right:2px solid #A0FF98;
    border-bottom:2px solid #A0FF98;
    text-transform: uppercase;
}
#product_list .product{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
#product_list .product table{width:641px;}
#product_list .product table td{vertical-align: top;}
#product_list .product table td.col1{vertical-align: middle;}
.bold{font-weight:bold; }
.price{font-weight: bold;color:#2AA81F;}
.add{margin-top:5px;}

#product_list .product .quantity{
    width:30px;
}

#divpage{text-align:right;margin-bottom: 5px;}
#divpage a{
    color: #000000;
    display: inline-block;
    *display:inline;
    zoom:1;
    text-align:center;
    width:19px;
    border:1px solid #AEC4AE;
    background-color: #FDFDFD;
    border-radius: 2px;}
#divpage a:hover{text-decoration:none;background: #ececec;}

/*STYLE PRODUCT DETAIL*/
#product_detail{width:100%;float: left;margin-top:10px;}
#product_detail #image{
    float: left;
    width:320px;
}
#product_detail #detail{
    float: left;
    width:310px;
    padding-left: 10px;
}
#product_detail .product-code{font-size: 10px;color: #909090;margin-top:-10px;
}
#product_detail #detail h2{margin-bottom: 0px;}
#tabs{margin-top:10px;}
#tabs ul li{
    display: inline-block;
    *display:inline;
    zoom:1;
    cursor: pointer;
    background: #ECECEC;
    border:1px solid #ccc;
    padding: 2px 5px 0;
    margin-right:3px;
}
#tabs ul li.selected{
    background: #f8f8f8;
    border-bottom: 1px solid white;
}
#wrapdetail{
    border: 1px solid #ccc;
    margin-top:-1px;
    padding: 10px 5px;
}

#wrapdetail #tab1{display: none;}
#wrapdetail #tab2 form{width:500px;margin-left: 20px;}
#wrapdetail #tab2 form label{display: inline-block;*display:inline;zoom:1;width:100px;}
#wrapdetail #tab2 form {width:340px;}
#wrapdetail #tab2 form input{margin-bottom: 5px;}
#lk_content #relate{margin-top:20px; }
#relate ul#foo li{float:left;width:210px; text-align: center;}